<%-- 
    Document   : bandejaEntrada
    Created on : 23-feb-2011, 12:55:46
    Author     : Curro
--%>

<html>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
       
        <script type="text/javascript" src="./js/paging.js"></script>
        <script type="text/javascript">
            var req;
            var isIE

            function iniciarPeticion(url) {
                if (window.XMLHttpRequest) {
                    req = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                    isIE = true;
                    req = new ActiveXObject("Microsoft.XMLHTTP");
                }
            }
            function mostrar2(mensajeClick){
                var rows = document.getElementById('results').rows;
                for(i=0; i<(rows.length-1)/2;i++)
                {
                    cadena="mensajeOculto"+i;
                    oculta=document.getElementById(cadena);
                    if(i!=mensajeClick){
                        oculta.style.display="none";
                    }
                    else{
                        if(oculta.style.display=="none" || oculta.style.display=='' ){
                            oculta.style.display="table-row";
                        }
                        else{
                            oculta.style.display="none";
                        }
                    }
                }
            }
            function mostrar(mensaje,mensajeClick){
                cadena = "filaRoja"+mensaje;
                fila =document.getElementById(cadena);
                fila.style.backgroundColor='transparent';
                
                var rows = document.getElementById('results').rows;
                for(i=0; i<(rows.length-1)/2;i++)
                {
                    cadena="mensajeOculto"+i;
                    oculta=document.getElementById(cadena);
                    if(i!=mensajeClick){
                        oculta.style.display="none";
                    }
                    else{
                        if(oculta.style.display=="none" || oculta.style.display=='' ){
                            oculta.style.display="table-row";
                        }
                        else{
                            oculta.style.display="none";
                        }
                    }
                }

                var url;
                url="http://localhost:8080/redinftel-war/servletMensajes?idmensaje="+mensaje;
                iniciarPeticion(url);
                req.open("GET",url,true);
                req.send(null);
            }


        </script>
    </head>
    <body>
        <f:view>
           
            <div id="contenido">
                 <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral" >
                    <div id="centro">
                        <c:if test="${mensajeBean.numeroEntrada>0}" >
                            <c:out value="${mensajeBean.mensaje}" />
                            <table width="100%" id="results">
                                <tr>
                                    <th align="left"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.amigo"/></fmt:bundle></th>
                                    <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.mandado"/></fmt:bundle></th>
                                    <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.el"/></fmt:bundle></th>
                                </tr>

                                <c:set var="it" value="0" />
                                <c:forEach var="mensaje" items="#{mensajeBean.entrada}">
                                    <h:form>
                                        <c:if test="${mensaje.estado=='PORLEER'}">
                                            <tr id="filaRoja${mensaje.idMensaje}" onclick="mostrar(${mensaje.idMensaje},${it})" style="background-color: orchid; font-weight: bolder">
                                            </c:if>
                                            <c:if test="${mensaje.estado=='LEIDO'}">
                                            <tr id="filaLeido${mensaje.idMensaje}" onclick="mostrar2(${it})">
                                            </c:if>

                                            <td><c:out value="${mensaje.idEmisor.perfil.nombre} ${mensaje.idEmisor.perfil.apellidos}" /></td>
                                            <td align="center"><c:out value="${mensaje.asunto}" /></td>
                                            <td align="center"><h:outputText value="#{mensaje.fecha}" >
                                                    <f:convertDateTime pattern="HH:mm:ss dd/MM/yyyy" />
                                                </h:outputText>
                                            </td>
                                        </tr>

                                        <tr id="mensajeOculto${it}" class="oculto">
                                            <td colspan="3" align="center">
                                                <textarea readonly="readonly" cols="70%" rows="3"><c:out value="${mensaje.texto}" /></textarea>
                                                <input type="hidden" id="destinatario" name="destinatario" value="${mensaje.idEmisor.idUsuario}" />
                                                <input type="hidden" id="idmensaje" name="idmensaje" value="${mensaje.idMensaje}" /><br/>
                                                <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.respuesta"/></fmt:bundle><br/>
                                                <h:inputTextarea id="asunto" rows="1" cols="60" value="#{mensajeBean.asunto}" /><br/>
                                                <h:inputTextarea rows="3" cols="60" value="#{mensajeBean.respuesta}" /><br/>
                                                <h:commandButton value="Responder" action="#{mensajeBean.doResponder}" />
                                                <h:commandButton value="Borrar" action="#{mensajeBean.doBorrar}" />
                                            </td>
                                        </tr>
                                    </h:form>
                                    <c:set var="it" value="${it+1}" />
                                </c:forEach>
                            </table>
                            <div id="pageNavPosition" align="center"></div>
                        </c:if>
                        <c:if test="${mensajeBean.numeroEntrada==0}" >
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.norespuesta"/></fmt:bundle>
                        </c:if>
                    </div>
                </div>
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
        <script type="text/javascript">
            var pager = new Pager('results', 20);
            pager.init();
            pager.showPageNav('pager', 'pageNavPosition');
            pager.showPage(1);
        </script>
    <body>
</html>
